<!doctype>
<meta charset="utf-8">
<html>
	<head>
		<title>常熟理工学院大学生科技节专题网站</title>
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="css/layout.css" rel="stylesheet" type="text/css" />
	</head>
	<body id ="page1">
		<div id ="center">
			<div id ="main">
				<div id ="header">
					<div id ="row1">
						<form id="form1">
							学号<input type ="text" id= "name" name="name" autofocus ="true">
							密码<input type ="text" id= "pwd" name="pwd" >
							<input type="submit" value ="登录">
						<span><button id ="bt0"><a href="page0_zhuce.html">注册新用户</a></button></span>
					</div>
					<div id ="row2">
						<a href="index.html"><img src="images/logo.png" /></a>
					</div>
					<div id ="row3">
						<nav id ="nav">
							<ul>
								<li><a href="index.html">主页</a></li>
								<li><a href="page2_tongzhigonggao.html">通知公告</a></li>
								<li><a href="page3_chengguozhanshi.html">成果展示</a></li>
								<li><a href="index.html">相关讲座</a></li>
								<li><a href="page4_kejizhixing.html">科技之星</a></li>
								<li><a href="index.html">理工要闻</a></li>
							</ul>
						</nav>
					</div>
					
				</div>
				<div id ="content">
					<div class ="row1">
						<div class ="col1_1"><img src="images/page1_col1_3.jpg" /></div>
						<div class ="col1_2">
							<div class ="con_title"><a href="page2_tongzhigonggao.html"><h3>通知公告</h3></a></div>
							<br>
							<h2><a href="page2_tongzhigonggao.html">关于举办常熟理工学院第十届大学生科技节通知</a></h2>
							<br>
							<p>为了展现大学生科技创新热情，激发广大学生参与学术科技活动的积极性，培养学生的科学精神、创新精神和创优意识，锻炼并增强学生科技创新能力和应用专业知识解决实际问题的能力，营造良好的校园科技文化氛围，常熟理工学院决定在2016年12月份举办第十届大学生科技节。</p>
						</div>
					</div>
					<div class ="row2">
						<div class ="col2_1">
							<div class ="con_title"><a href="page3_dasaianpai.html"><h3>大赛安排</h3></a></div>
								<ul >
									<li><p><a href="dasai_ruanjian.html">软件设计大赛</a></p></li>
									<li><p><a href="dasai_tuxing.html">图形图像设计大赛</a></p></li>
									<li><p><a href="dasai_wangye.html">网页设计大赛</a></p></li>
									<li><p><a href="dasai_donghua.html">动画制作大赛</a></p></li>
								</ul>
							<hr>
							<div class ="row2_1_1">
								<div class="container" id="idTransformView2">
									<ul class="slider slider2" id="idSlider2">
										<li><a href="dasai_ruanjian.html"><img src="images/ink531_1.jpg" width="480" height="205" /></a></li>
										<li><a href="dasai_tuxing.html"><img src="images/ink531_2.jpg" width="480" height="205" /></a></li>
										<li><a href="dasai_wangye.html"><img src="images/ink531_3.jpg" width="480" height="205" /></a></li>
										<li><a href="dasai_donghua.html"><img src="images/ink531_4.jpg" width="480" height="205" /></a></li>
										<li><a href="dasai_ruanjian.html"><img src="images/ink531_1.jpg" width="480" height="205" /></a></li>
									</ul>
									<ul class="num" id="idNum2">
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
								
							</div>
							<hr>
							<div class="col2_1_2_1">
								<div class="con_title"><a href="http://news.cslg.cn/Index/newslist/id/55"><h3>相关讲座</h3></a></div>
								<ul>
									<li><a href="dasai_ruanjian.html">新技术 讲座</a></li>
									<li><a href="dasai_tuxing.html">科普宣传</a></li>
									
								</ul>
							</div>
							<div class="col2_1_2_2">
								<div class="con_title"><a href="page4_kejizhixing.html"><h3>科技之星评比</h3></a></div>
								<ul>
									<li><a href="#page4_kejizhixing.html">科技之星评比细则</a></li>
									<li><a href="#http://news.cslg.cn/index/read/id/71572">科技之星 我心飞扬</a></li>
									
									
								</ul>
							</div>
						</div>
						<div class ="col2_2">
							<div class ="row2_2_1">
								<div class ="con_title"><a href="http://news.cslg.cn/"><h3>理工要闻</h3></a></div>
								<ul>
									<li><a href="#http://news.cslg.cn/index/read/id/71572">成教今年共录取新生1883人</a></li>
									<li><a href="http://news.cslg.cn/index/read/id/71572">我校获两省哲社优秀成果奖二等奖</a></li>
									<li><a href="http://news.cslg.cn/index/read/id/71563">学校聘任乔治华盛顿大学程秀珍为讲座教授</a></li>
									<li><a href="#http://news.cslg.cn/index/read/id/71572">陈义勇科研成果获全国商业科技进步奖</a></li>
									<li><a href="#http://news.cslg.cn/index/read/id/71572">苏州高新区录用我校将近60名师范毕业生</a></li>
									<li><a href="#http://news.cslg.cn/index/read/id/71572">科技之星 我心飞扬</a></li>
									<li><a href="#http://news.cslg.cn/index/read/id/71544">中国社科院学部委员惊天魁来访</a></li>
									<li><a href="http://news.cslg.cn/index/read/id/71543">三届五次“双代会”顺利闭幕</a></li>
									<li><a href="http://news.cslg.cn/index/read/id/71542">为教育网络与信息安全保驾护航</a></li>
									<li><a href="#http://news.cslg.cn/index/read/id/71534">电梯智能安全实验室获省厅 立项建设</a></li>
								</ul>
							</div>
							<hr>
							<div class="row2_2_2">
								<div class ="con_title"><h3>热门调查</h3></div>
								<ul>
									<form action="/Vote.asp?action=add&id=7" method="post" target="vote">
										<h4>你对本次科技节了解多少？</h4>
										<li><input type="radio"  name="vote" value="0">不了解。</li>
										<li><input type="radio"  name="vote" value="1">听说过。</li>
										<li><input type="radio"  name="vote" value="2">有一点了解。</li>
										<li><input type="radio"  name="vote" value="3">很了解。</li>
										<li><input type="submit" value="投票" class="artsubmit">  
										<input type="button" onclick="window.open('/Vote.asp?action=see&id=7')" value="查看" class="artsubmit"></li>
									</form>
								</ul>
							</div>

						</div>
						
					</div>
					
				</div>
				
				<div id="footer">
					<div class="cpr">
						<h4>版权所有 &copy;2016 常熟理工学院</h4>
						<h4>地址：江苏省常熟市南三环路99号（东湖校区）/湖山路99号（东南校区）</h4>
						<h4>电话：0512-52251113&nbsp;&nbsp;&nbsp;&nbsp;邮政编码：215500</h4>
					</div>
				</div>	
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
            //计算idslider2的宽度开始
            var kuan1 = 0;
            var kuand = document.getElementById('idSlider2')
            var kuan = document.getElementById('idSlider2').getElementsByTagName("li");
            var tpz = kuan.length;//图片总个数
            for (var i = 0; i < kuan.length; i++) {
                kuan1 += 480;
            }
            kuand.style.width = kuan1 + 'px';
            //计算结束

            var $ = function (id) {
                return "string" == typeof id ? document.getElementById(id) : id;
            };

            var Class = {
                create: function () {
                    return function () {
                        this.initialize.apply(this, arguments);
                    }
                }
            }

            Object.extend = function (destination, source) {
                for (var property in source) {
                    destination[property] = source[property];
                }
                return destination;
            }

            var TransformView = Class.create();
            TransformView.prototype = {
                //容器对象,滑动对象,切换参数,切换数量
                initialize: function (container, slider, parameter, count, options) {
                    if (parameter <= 0 || count <= 0) return;
                    var oContainer = $(container), oSlider = $(slider), oThis = this;

                    this.Index = 0;//当前索引

                    this._timer = null;//定时器
                    this._slider = oSlider;//滑动对象
                    this._parameter = parameter;//切换参数
                    this._count = count || 0;//切换数量
                    this._target = 0;//目标参数

                    this.SetOptions(options);

                    this.Up = !!this.options.Up;
                    this.Step = Math.abs(this.options.Step);
                    this.Time = Math.abs(this.options.Time);
                    this.Auto = !!this.options.Auto;
                    this.Pause = Math.abs(this.options.Pause);
                    this.onStart = this.options.onStart;
                    this.onFinish = this.options.onFinish;

                    oContainer.style.overflow = "hidden";
                    oContainer.style.position = "relative";

                    oSlider.style.position = "absolute";
                    oSlider.style.top = oSlider.style.left = 0;
                },
                //设置默认属性
                SetOptions: function (options) {
                    this.options = {//默认值
                        Up: true,//是否向上(否则向左)
                        Step: 5,//滑动变化率
                        Time: 10,//滑动延时
                        Auto: true,//是否自动转换
                        Pause: 2000,//停顿时间(Auto为true时有效)
                        onStart: function () { },//开始转换时执行
                        onFinish: function () { }//完成转换时执行
                    };
                    Object.extend(this.options, options || {});
                },
                //开始切换设置
                Start: function () {
                    if (this.Index < 0) {
                        this.Index = this._count - 1;
                    } else if (this.Index >= this._count) { this.Index = 0; }

                    this._target = -1 * this._parameter * this.Index;
                    this.onStart();
                    this.Move();
                },
                //移动
                Move: function () {
                    clearTimeout(this._timer);
                    var oThis = this, style = this.Up ? "top" : "left", iNow = parseInt(this._slider.style[style]) || 0, iStep = this.GetStep(this._target, iNow);

                    if (iStep != 0) {
                        this._slider.style[style] = (iNow + iStep) + "px";
                        this._timer = setTimeout(function () { oThis.Move(); }, this.Time);
                    } else {
                        this._slider.style[style] = this._target + "px";
                        this.onFinish();
                        if (this.Auto) { this._timer = setTimeout(function () { oThis.Index++; oThis.Start(); }, this.Pause); }
                    }
                },
                //获取步长
                GetStep: function (iTarget, iNow) {
                    var iStep = (iTarget - iNow) / this.Step;
                    if (iStep == 0) return 0;
                    if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1);
                    return iStep;
                },
                //停止
                Stop: function (iTarget, iNow) {
                    clearTimeout(this._timer);
                    this._slider.style[this.Up ? "top" : "left"] = this._target + "px";
                }
            };

            window.onload = function () {
                function Each(list, fun) {
                    for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
                };

                var objs2 = $("idNum2").getElementsByTagName("li");
                var tv2 = new TransformView("idTransformView2", "idSlider2", 480, tpz, {
                    onStart: function () { Each(objs2, function (o, i) { o.className = tv2.Index == i ? "on" : ""; }) },//按钮样式
                    Up: false
                });//6是轮播总数
                tv2.Start();
                Each(objs2, function (o, i) {
                    o.onmouseover = function () {
                        o.className = "on";
                        tv2.Auto = false;
                        tv2.Index = i;
                        tv2.Start();
                    }
                    o.onmouseout = function () {
                        o.className = "";
                        tv2.Auto = true;
                        tv2.Start();
                    }
                })


            }
        </script>
</html>